﻿<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
<!--[if lt IE 9]>
<script src="@Url.Content("~/Scripts/html5.js")"></script>
<![endif]-->
<!-- the "no-js" class is for Modernizr. -->

<head>
   <meta charset="utf-8" />
	
	<meta name="description" content="Syncar" />
    <link rel="shortcut icon" href="@Url.Content("~/Content/images/favicon.ico")" />
   @* <link href="@Url.Content("~/Content/css/Html5Reset.css")" rel="stylesheet"/>
    <link href="@Url.Content("~/Content/css/Site.css")" rel="stylesheet"/>*@

    <link href="@Url.Content("~/Content/css/Responsive.css")" rel="stylesheet"/>
    <link href="@Url.Content("~/Content/css/Layout.css")" rel="stylesheet"/>
    <link href="@Url.Content("~/Content/css/Syncar.css")" rel="stylesheet"/>
    <link href="@Url.Content("~/Content/css/Modal.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Content/css/ImageArea.css")" rel="stylesheet" />

     @RenderSection("Styles", false)
    
   <!--css3-mediaqueries-js - http://code.google.com/p/css3-mediaqueries-js/ - Enables media queries in some unsupported browsers-->
	<script type="text/javascript" src="@Url.Content("~/Scripts/css3-mediaqueries.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/modernizr-2.5.3.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.8.2.js")"></script>
	<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.ui/js/jquery-ui-1.8.23.custom.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.ui.rangedrag.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.ui.touch-punch.js")"></script>   
	<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.validate.min.js")"></script>
	<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"></script>
	<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.qtip-1.0.0-rc3.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.mobile.touch.events.js")"></script>
	<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.imgareaselect.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.fancyupload.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/Syncar/functions.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/Syncar/filterFunctions.js")"></script>
        
    @Html.Partial("_Common") 

	@RenderSection("HeadStyle", false)

    <title>@ViewBag.Title</title>
    
</head>

<body>
    <div class="container">
        <div id="loadingFrame">
            <div id="loadingContainerText">
                <div id="loadingText">                    
                    <img class="loadingImg" src="@Url.Content("~/Content/images/processing.gif")"/>
                </div>
            </div>
        </div>
        <div id="glossaryFrame">
        </div>
        <header>
            @if (Request.IsAuthenticated)
            {            
                <div id="profileMenuContainer">
                    <div id="logOnContainer">
                        @Html.Partial("_LogOn") 
                    </div>

					<div id="menuProfileButtons">
						<div id="settingsButton" class="menuButton">
							<img alt="settings" src="@Url.Content("~/Content/images/settings_button.png")" />
						</div>
						<div id="searchButton" class="menuButton" onclick="showSearchContainer()">
							<img alt="search" src="@Url.Content("~/Content/images/search_button.png")" />
						</div>
						<div id="glossaryButton" class="menuButton">
							<img alt="glossary" src="@Url.Content("~/Content/images/glossary_button.png")" onclick='showGlossary("@Url.Action("Index", "Glossary")");'/>
						</div>
					</div>
				</div>
				<div id="menuContainer">
                    @Html.Partial("_Menu")                    
				</div>                
				<div id="showMenu" onclick="toggleMenu();">
					<div id="showMenuClosed">
						<img alt="Closed Menu" class="menuButtonImage" src="@Url.Content("~/Content/images/menuImageClosed.png")"/>
					</div>
					<div id="showMenuOpen">
						<img alt="Opened Menu" class="menuButtonImage" src="@Url.Content("~/Content/images/menuImageOpen.png")"/>
					</div>
				</div>
				<div id="headerContainer">
					<img alt="header Title Background" class="headerContainerImage" src="@Url.Content("~/Content/images/headerTitleBackground.png")" />
					<div class="clearFloat"></div>
					@RenderSection("BackLinkPage", false)
					@if (!IsSectionDefined("BackLinkPage"))
                    { // Default back boton if not defined
						<div id="backLinkPage" onclick="goToBackPage()">
							<img alt="Go back" id="backButtonImage" src="@Url.Content("~/Content/images/backButton.png")" />
						</div>
                    }
					@RenderSection("TitleSection", false)
					@if (!IsSectionDefined("TitleSection"))
                    { // Default title if not defined
						<div id="titlePage">
							@ViewBag.Title
						</div>
                    }					
					<div class="clearFloat"></div>
				</div>
                <div id="searchContainer">
                    <div id="searchClose" onclick="hideSearchContainer()">
                        X
                    </div>
                    <div id="searchContent">                    
                        <div id="searchTitle">
                            Search  
                        </div>
                        <div id="searchInput">
                            <input type="text" id="searchInputText" />
                            <button id="btnSearch" value="Go" onclick="performSearch(escape($('#searchInputText').val()),'@(Url.Action("SearchList", "Search"))');">Go</button>
                        </div>
                        <div id="searchList">
                        </div>
                    </div>
                </div>
            }
		</header>

        <div id="content">
            <div id="filtersSection">
                @RenderSection("FiltersSection", false)
            </div>
            <div id="bodySection">
                @RenderBody()         

                <div id="loadingFrameBottom">
                    <div id="loadingBottomContainerText">
                        <div id="loadingBottomText">                    
                            <img class="loadingImgBottom" src="@Url.Content("~/Content/images/processing.gif")" />
                        </div>
                    </div>
                </div>

            </div>                    
            <div class="clearFloat"></div>
        </div>
    </div>

	@RenderSection("MobileTouchEvents", false)
   
	<script type="text/javascript">
	    $('body').click(function (arg) {
	        hideMenuOnFocusOut(arg);
	    });
	    //For mobile we use touch event instead of click
	    $("body").touchstart(function (event) {
	        hideMenuOnFocusOut(event);
	    });
	</script>

    <footer id="pageFooter">
           <div class="line"></div>
           <h4 class="stylishHeader">@Html.Raw(string.Format("{0} {1} {2}", "&copy;", DateTime.Now.Year, "syncar.com"))</h4>           
    </footer>

                @RenderSection("scripts",false)

    </body>
</html>
